<!--固定电话||工作单位||左眼视力||右眼视力||自我评价-->
<template>
  <div class="container">
    <!--      固定电话-->
    <van-cell title="固定电话"/>
    <van-field
      v-model="tel"
      type="number"
      name="tel"
      placeholder="58585555"
      clearable
    />
    <!--      工作单位-->
    <van-cell title="工作单位"/>
    <van-field
      v-model="work_place"
      name="work_place"
      placeholder="例如：重庆优快人力资源管理有限公司"
      clearable
    />
    <!--      左眼视力-->
    <van-cell title="左眼视力"/>
    <van-field
      v-model="eye_left"
      type="number"
      name="eye_left"
      placeholder="例如：5.0"
      clearable
    />
    <!--      右眼视力-->
    <van-cell title="右眼视力"/>
    <van-field
      v-model="eye_right"
      type="number"
      name="eye_right"
      placeholder="例如：5.0"
      clearable
    />
    <!--自我评价-->
    <van-cell title="自我评价"/>
    <div class="wrap">
      <van-field
        v-model="summary"
        name="summary"
        rows="2"
        autosize="autosize"
        type="textarea"
        maxlength="50"
        placeholder="这里填写自我评价"
        show-word-limit
      />
    </div>
  </div>
</template>

<script>
export default {
  name: 'content5',
  data () {
    return {
      tel: '',
      work_place: '',
      eye_left: '',
      eye_right: '',
      summary: '',
      autosize: {
        maxHeight: 600,
        minHeight: 50
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.container {
  .wrap {
    background-color: brown;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 90%;
    margin: 0 auto;
  }
}
</style>
